<?php
/*
Template Name: Afilie-se
*/
?>

<?php get_header(); ?>
<div class="afiliacao-content-header">
	<span>B&ocirc;nus de R$ 25.000,00 para utilizar como forma de pagamento no set-up de qualquer plataforma VTEX   E-commerce Suite</span>
</div>
<div class="conteudo">
	<div class="content-up-corner">
	</div>
	<div class="content-middle">
		<div class="afiliacao-title-and-text">
			<h3 style="margin-bottom: 25px;">Por que tornar-se um Afiliado VTEX?</h3>

			<p style="width: 340px; margin-bottom: 15px;">
				Cada vez mais as empresas querem centralizar os servi&ccedil;os que contratam em menos fornecedores e a VTEX oferece solu&ccedil;&otilde;es de tecnologia para que voc&ecirc; possa abra&ccedil;ar as oportunidades sem medo de perd&ecirc;-las para outras ag&ecirc; ncias.
			</p>

			<p style="width: 340px; margin-bottom: 15px;">
				Com o Programa de Afiliados VTEX, voc&ecirc; passa a fazer parte da VTEX Store, uma loja com uma carteira de clientes extremamente focada, fomentando neg&oacute;cios n&atilde;o s&oacute; para seus clientes, mas para todos nossos clientes e afiliados.
			</p>

			<p style="width: 340px; margin-bottom: 15px;">
				Ao tornar-se um afiliado voc&ecirc; tem acesso, sem nenhum custo,  a uma s&eacute;rie de conte&uacute;dos especializados em e-commerce como:
			</p>

			<ul class="afiliacao-lista">
				<li>
					Universidade VTEX;
				</li>
				<li>
					Ferramentas de apoio;
				</li>
				<li>
					Treinamentos;
				</li>
				<li>
					Suporte gratuito;
				</li>
				<li>
					Biblioteca de wireframes naveg&aacute;veis;
				</li>
				<li>
					Participa&ccedil;&atilde;o em wikis, f&oacute;runs e guia do usu&aacute;rio;
				</li>
				<li>
					Curso de capacita&ccedil;&atilde;o t&eacute;cnica e certifica&ccedil;&atilde;o.
				</li>
			</ul>

			<p style="width: 340px;">
				<a href="http://store.vtex.com.br/wp-content/themes/Hector/vantagens.htm?keepThis=true&amp;TB_iframe=true&amp;height=600&amp;width=800" title="Vantagens em tornar-se Afiliado" class="thickbox">Clique aqui</a>
				e conhe&ccedil;a todos os benef&iacute;cios de tornar-se um afiliado.
			</p>

		</div>
		<div class="afiliacao-form-box">
			<h3 style="margin-bottom: 25px;">Para iniciar sua afilia&ccedil;&atilde;o preencha o formul&aacute;rio abaixo:</h3>
			<form id="form-3-1327778446" method="post" action="/?page_id=767" class="customcontactform2">
				<div class="textocurto-wrapper">
					<div class="textocurto">
						<input class="campotextocurto " id="nome-1327778446" type="text" name="nome" value="Nome" onblur="javascript: document.getElementById('nome-1327778446').style.backgroundImage = 'url(http://store.vtex.com.br/wp-content/themes/Hector/images/campo-texto-curto-off2.png)'; if (this.value == '') {this.value = 'Nome'};" onfocus="javascript: document.getElementById('nome-1327778446').style.backgroundImage = 'url(http://store.vtex.com.br/wp-content/themes/Hector/images/campo-texto-curto-on2.png)'; if (this.value == 'Nome') {this.value = ''};" style="background-image: url(http://store.vtex.com.br/wp-content/themes/Hector/images/campo-texto-curto-off2.png); ">
					</div>
					<div class="textocurto">
						<input class="campotextocurto " id="agencia-1327778446" type="text" name="agencia" value="Ag&ecirc;ncia" onblur="javascript: document.getElementById('agencia-1327778446').style.backgroundImage = 'url(http://store.vtex.com.br/wp-content/themes/Hector/images/campo-texto-curto-off2.png)'; if (this.value == '') {this.value = 'Ag&ecirc;ncia'};" onfocus="javascript: document.getElementById('agencia-1327778446').style.backgroundImage = 'url(http://store.vtex.com.br/wp-content/themes/Hector/images/campo-texto-curto-on2.png)'; if (this.value == 'Ag&ecirc;ncia') {this.value = ''};" style="background-image: url(http://store.vtex.com.br/wp-content/themes/Hector/images/campo-texto-curto-off2.png); ">
					</div>
				</div>
				<div class="textocurto-wrapper">
					<div class="textocurto">
						<input class="campotextocurto " id="email-1327778446" type="text" name="email" value="E-mail" onblur="javascript: document.getElementById('email-1327778446').style.backgroundImage = 'url(http://store.vtex.com.br/wp-content/themes/Hector/images/campo-texto-curto-off2.png)'; if (this.value == '') {this.value = 'E-mail'};" onfocus="javascript: document.getElementById('email-1327778446').style.backgroundImage = 'url(http://store.vtex.com.br/wp-content/themes/Hector/images/campo-texto-curto-on2.png)'; if (this.value == 'E-mail') {this.value = ''};" style="background-image: url(http://store.vtex.com.br/wp-content/themes/Hector/images/campo-texto-curto-off2.png); ">
					</div>
					<div class="textocurto">
						<input class="campotextocurto " id="telefone-1327778446" type="text" name="telefone" value="Telefone" onblur="javascript: document.getElementById('telefone-1327778446').style.backgroundImage = 'url(http://store.vtex.com.br/wp-content/themes/Hector/images/campo-texto-curto-off2.png)'; if (this.value == '') {this.value = 'Telefone'};" onfocus="javascript: document.getElementById('telefone-1327778446').style.backgroundImage = 'url(http://store.vtex.com.br/wp-content/themes/Hector/images/campo-texto-curto-on2.png)'; if (this.value == 'Telefone') {this.value = ''};" style="background-image: url(http://store.vtex.com.br/wp-content/themes/Hector/images/campo-texto-curto-off2.png); ">
					</div>
				</div>
				<div class="textocurto-wrapper">
					<div class="textocurto">
						<input class="campotextocurto " id="celular-1327778446" type="text" name="celular" value="Celular" onblur="javascript: document.getElementById('celular-1327778446').style.backgroundImage = 'url(http://store.vtex.com.br/wp-content/themes/Hector/images/campo-texto-curto-off2.png)'; if (this.value == '') {this.value = 'Celular'};" onfocus="javascript: document.getElementById('celular-1327778446').style.backgroundImage = 'url(http://store.vtex.com.br/wp-content/themes/Hector/images/campo-texto-curto-on2.png)'; if (this.value == 'Celular') {this.value = ''};" style="background-image: url(http://store.vtex.com.br/wp-content/themes/Hector/images/campo-texto-curto-off2.png); ">
					</div>
					<div class="textocurto">
						<input class="campotextocurto " id="site-1327778446" type="text" name="site" value="Site" onblur="javascript: document.getElementById('site-1327778446').style.backgroundImage = 'url(http://store.vtex.com.br/wp-content/themes/Hector/images/campo-texto-curto-off2.png)'; if (this.value == '') {this.value = 'Site'};" onfocus="javascript: document.getElementById('site-1327778446').style.backgroundImage = 'url(http://store.vtex.com.br/wp-content/themes/Hector/images/campo-texto-curto-on2.png)'; if (this.value == 'Site') {this.value = ''};" style="background-image: url(http://store.vtex.com.br/wp-content/themes/Hector/images/campo-texto-curto-off2.png); ">
					</div>
				</div>
				<div class="textolongo-radio">
					<label for="jatrabalhou" style="float: left; width: 290px; height: 20px; padding-top: 3px;">
						J&aacute; trabalhou com a plataforma VTEX?
					</label>
					<div style="float: left; width: 80px;">
						<input class="camporadio " type="radio" name="jatrabalhou" value="Nao">
						<label class="camposelect" for="jatrabalhou">
							N&atilde;o
						</label>
					</div>
					<div style="float: left; width: 80px;">
						<input class="camporadio " type="radio" name="jatrabalhou" value="Sim">
						<label class="camposelect" for="jatrabalhou">
							Sim
						</label>
					</div>
				</div>
				<div class="textolongo-radio">
					<label for="jatrabalhou" style="float: left; width: 400px; height: 20px; padding-top: 3px;">
						Como voc&ecirc; ficou sabendo do Programa de Afiliados VTEX?
					</label>
					<div style="float: left; width: 180px;">
						<input class="camporadio " type="radio" name="ficousabendo" value="E-commerce Road Show">
						<label class="camposelect" for="ficousabendo">
							E-commerce Road Show
						</label>
					</div>
					<div style="float: left; width: 110px;">
						<input class="camporadio " type="radio" name="ficousabendo" value="Site da VTEX">
						<label class="camposelect" for="ficousabendo">
							Site da VTEX
						</label>
					</div>
					<div style="float: left; width: 80px;">
						<input class="camporadio " type="radio" name="ficousabendo" value="Indica&ccedil;&atilde;o">
						<label class="camposelect" for="ficousabendo">
							Indica&ccedil;&atilde;o
						</label>
					</div>	
					<div class="textolongo hide">
						<input class="campotextolongo " type="text" name="nomeIndicacao" value="Nome da indica&ccedil;&atilde;o" onblur="javascript: document.getElementById('site-1327778446').style.backgroundImage = 'url(http://store.vtex.com.br/wp-content/themes/Hector/images/campo-texto-longo-off2.png)'; if (this.value == '') {this.value = 'Site'};" onfocus="javascript: document.getElementById('site-1327778446').style.backgroundImage = 'url(http://store.vtex.com.br/wp-content/themes/Hector/images/campo-texto-longo-on2.png)'; if (this.value == 'Site') {this.value = ''};" style="background-image: url(http://store.vtex.com.br/wp-content/themes/Hector/images/campo-texto-longo-off2.png); ">
					</div>
				</div>
				<div class="textolongo">
					<textarea class=" campotextoparagrafo" id="mensagem-1327778446" rows="5" cols="40" name="mensagem" onblur="javascript: document.getElementById('mensagem-1327778446').style.backgroundImage = 'url(http://store.vtex.com.br/wp-content/themes/Hector/images/campo-texto-paragrafo-off2.png)'; if (this.value == '') {this.value = 'Mensagem'};" onfocus="javascript: document.getElementById('mensagem-1327778446').style.backgroundImage = 'url(http://store.vtex.com.br/wp-content/themes/Hector/images/campo-texto-paragrafo-on2.png)'; if (this.value == 'Mensagem') {this.value = ''};" style="background-image: url(http://store.vtex.com.br/wp-content/themes/Hector/images/campo-texto-paragrafo-off2.png); ">Mensagem</textarea>
				</div>
				<input name="form_page" value="/index.php/sucesso" type="hidden">
				<input type="hidden" name="fid" value="3">
				<input type="submit" id="submit-3-1327778446" class="submit" value="Enviar" name="customcontactforms_submit">
			</form>

			<p style="width: 470px; margin-top: 15px; float: left;">
				Ap&oacute;s o preenchimento do cadastro voc&ecirc; receber&aacute; um e-mail com mais informa&ccedil;&otilde;es sobre sua afilia&ccedil;&atilde;o.
				<br />
				Qualquer d&#250;vida entre em contato conosco pelo e-mail:
				<a href="mailto:afiliados@vtex.com.br">afiliados@vtex.com.br</a>
			</p>

		</div>
	</div>
	<div class="content-down-corner">
	</div>
</div>

<? /*
<div id="content" >

	<?php if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); ?>

	<div class="post" id="post-<?php the_ID(); ?>">
		<div class="title">
			<h2>
			<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a>
			</h2>
		</div>
		<div class="entry_pg">
			<?php the_content('Leia mais &raquo;'); ?>
			<div class="clear">
			</div>
		</div>
	</div>

	<?php endwhile; endif; ?>
</div>

*/ ?>

<?php get_footer(); ?>